<template>
  <div style="padding: 0 15px">
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg
      t="1721032401923"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1924"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="32"
      height="32"
    >
      <path
        :fill="topTheme.includes('linear') ? 'rgba(44, 78, 120, 1)' : '#fff'"
        d="M404.48 947.2h-10.24c-76.8-20.48-143.36-66.56-199.68-122.88-15.36-15.36-15.36-40.96 0-56.32 10.24-10.24 20.48-30.72 20.48-51.2 0-51.2-46.08-87.04-92.16-81.92-20.48 0-40.96-10.24-46.08-30.72-5.12-30.72-10.24-61.44-10.24-92.16 0-46.08 5.12-92.16 20.48-138.24 5.12-15.36 20.48-30.72 40.96-30.72 46.08 0 87.04-35.84 87.04-87.04 0-15.36-5.12-25.6-10.24-35.84-10.24-15.36-5.12-35.84 10.24-46.08 51.2-51.2 117.76-87.04 189.44-107.52 20.48-5.12 40.96 5.12 46.08 20.48 15.36 30.72 40.96 46.08 76.8 46.08s61.44-15.36 76.8-46.08c10.24-15.36 30.72-25.6 46.08-20.48 71.68 20.48 138.24 56.32 189.44 107.52 15.36 10.24 15.36 30.72 10.24 46.08-5.12 10.24-10.24 25.6-10.24 35.84 0 46.08 35.84 81.92 81.92 81.92 15.36 0 35.84 10.24 40.96 30.72 15.36 46.08 20.48 92.16 20.48 138.24 0 30.72-5.12 61.44-10.24 92.16-5.12 20.48-25.6 35.84-46.08 30.72-46.08-5.12-92.16 35.84-92.16 81.92 0 20.48 5.12 40.96 20.48 56.32 15.36 15.36 10.24 40.96 0 56.32-56.32 56.32-122.88 97.28-199.68 122.88-20.48 5.12-46.08-5.12-51.2-25.6-10.24-35.84-40.96-56.32-81.92-56.32-35.84 0-66.56 25.6-81.92 56.32 0 15.36-15.36 25.6-35.84 25.6z m122.88-168.96c56.32 0 112.64 30.72 138.24 76.8 40.96-15.36 76.8-35.84 107.52-66.56-10.24-20.48-15.36-46.08-15.36-76.8 0-81.92 61.44-153.6 143.36-163.84v-46.08c0-30.72-5.12-61.44-10.24-87.04-76.8-15.36-138.24-81.92-138.24-163.84 0-15.36 0-30.72 5.12-40.96-30.72-25.6-66.56-46.08-107.52-61.44-30.72 35.84-76.8 61.44-128 61.44s-97.28-20.48-128-61.44c-35.84 20.48-71.68 40.96-102.4 66.56 0 15.36 5.12 30.72 5.12 40.96 0 81.92-56.32 148.48-138.24 163.84-5.12 30.72-10.24 61.44-10.24 87.04 0 15.36 0 30.72 5.12 46.08 81.92 10.24 143.36 81.92 143.36 163.84 0 25.6-5.12 51.2-15.36 76.8 30.72 25.6 66.56 51.2 107.52 66.56 25.6-51.2 76.8-81.92 138.24-81.92z"
        p-id="1725"
      ></path>
      <path
        :fill="topTheme.includes('linear') ? 'rgba(44, 78, 120, 1)' : '#fff'"
        d="M527.36 696.32c-102.4 0-189.44-81.92-189.44-189.44 0-102.4 81.92-189.44 189.44-189.44 102.4 0 189.44 81.92 189.44 189.44-5.12 102.4-87.04 189.44-189.44 189.44z m0-291.84c-56.32 0-107.52 46.08-107.52 107.52s46.08 102.4 107.52 102.4 107.52-46.08 107.52-107.52-51.2-102.4-107.52-102.4z"
        p-id="1726"
      ></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
